
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8"%>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>A公司后台人事管理系统添加页面</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/admin.css">
    <link rel="stylesheet" href="assets/css/app.css">
</head>
<%--
<%
    String userName=null;
    String   userPath=null;
    //获取在LoginServlet.java中保存在session对象中的数据
    ArrayList login=(ArrayList)session.getAttribute("user");
    if(login==null||login.size()==0){
        out.println("<script language='javascript'> alert(\"您还未登陆或者登陆过期，即将跳转至登录页面\");</script>");
        //out.println("<script language='javascript'>alert('你还未登录');");
        response.setHeader("refresh","0.5;/login.jsp");
        return ;
    }else{
        for(int i=login.size()-1;i>=0;i--){
            LoginBean nn=(LoginBean)login.get(i);
            userName=nn.getUserName();
            userPath=nn.getPath();
        }
    }
%>
<%
    String mess=(String)session.getAttribute("message");
    if("".equals(mess)  || mess==null){
    }
    else{%>
<script type="text/javascript">
    alert("<%=mess%>");
</script>
<% }
    session.setAttribute("message", "");
%>--%>
<header class="am-topbar am-topbar-inverse admin-header">
    <div class="am-topbar-brand">
        <i style="color: blue">A公司人员信息管理</i>
    </div>
    <div class="am-icon-list tpl-header-nav-hover-ico am-fl am-margin-right">

    </div>

    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

    <div class="am-collapse am-topbar-collapse" id="topbar-collapse">

        <ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list tpl-header-list">
            <li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
                <a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;">
                    <span class="am-icon-bell-o"></span> 提醒 <span class="am-badge tpl-badge-success am-round">5</span></span>
                </a>
                <ul class="am-dropdown-content tpl-dropdown-content">
                    <li class="tpl-dropdown-content-external">
                        <h3>你有 <span class="tpl-color-success">5</span> 条提醒</h3><a href="###">全部</a></li>
                    <li class="tpl-dropdown-list-bdbc"><a href="#" class="tpl-dropdown-list-fl"><span class="am-icon-btn am-icon-plus tpl-dropdown-ico-btn-size tpl-badge-success"></span> 【信息一】移动端 查看时 手机、电脑框隐藏。</a>
                        <span class="tpl-dropdown-list-fr">3小时前</span>
                    </li>
                    <li class="tpl-dropdown-list-bdbc"><a href="#" class="tpl-dropdown-list-fl"><span class="am-icon-btn am-icon-check tpl-dropdown-ico-btn-size tpl-badge-danger"></span> 移动端，导航条下边距处理</a>
                        <span class="tpl-dropdown-list-fr">15分钟前</span>
                    </li>
                    <li class="tpl-dropdown-list-bdbc"><a href="#" class="tpl-dropdown-list-fl"><span class="am-icon-btn am-icon-bell-o tpl-dropdown-ico-btn-size tpl-badge-warning"></span> 追加统计代码</a>
                        <span class="tpl-dropdown-list-fr">2天前</span>
                    </li>
                </ul>
            </li>
            <li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
                <a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;">
                    <span class="am-icon-comment-o"></span> 消息 <span class="am-badge tpl-badge-danger am-round">9</span></span>
                </a>
                <ul class="am-dropdown-content tpl-dropdown-content">
                    <li class="tpl-dropdown-content-external">
                        <h3>你有 <span class="tpl-color-danger">9</span> 条新消息</h3><a href="###">全部</a></li>
                    <li>
                        <a href="#" class="tpl-dropdown-content-message">
                                <span class="tpl-dropdown-content-photo">
                      <img src="assets/img/user02.png" alt=""> </span>
                            <span class="tpl-dropdown-content-subject">
                      <span class="tpl-dropdown-content-from">${user.userName} </span>
                                <span class="tpl-dropdown-content-time">10分钟前 </span>
                                </span>
                            <span class="tpl-dropdown-content-font"> A公司的诞生，依托于 GitHub 及其他技术社区上一些优秀的资源；A公司的成长，则离不开用户的支持。 </span>
                        </a>
                        <a href="#" class="tpl-dropdown-content-message">
                                <span class="tpl-dropdown-content-photo">
                      <img src="assets/img/user03.png" alt=""> </span>
                            <span class="tpl-dropdown-content-subject">
                      <span class="tpl-dropdown-content-from"> Steam </span>
                                <span class="tpl-dropdown-content-time">18分钟前</span>
                                </span>
                            <span class="tpl-dropdown-content-font"> 为了能最准确的传达所描述的问题， 建议你在反馈时附上演示，方便我们理解。 </span>
                        </a>
                    </li>
                </ul>
            </li>

            <li class="am-dropdown" data-am-dropdown data-am-dropdown-toggle>
                <a class="am-dropdown-toggle tpl-header-list-link" href="javascript:;">
                    <span class="tpl-header-list-user-nick">${user.userName}</span><span class="tpl-header-list-user-ico"> <img src="assets/img/<%--<%=userPath%>--%>"></span>
                </a>
                <ul class="am-dropdown-content">
                    <li><a href="/WEB-INF/aa/userSetting.jsp"><span class="am-icon-bell-o"></span> 资料</a></li>
                    <li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
                    <li><a href="/logout"><span class="am-icon-power-off"></span> 退出</a></li>
                </ul>
            </li>
            <li><a href="/logout" class="tpl-header-list-link"><span class="am-icon-sign-out tpl-header-list-ico-out-size"></span></a></li>
        </ul>
    </div>
</header>

<div class="tpl-page-container tpl-page-header-fixed">
    <div class="tpl-left-nav tpl-left-nav-hover">
         <div class="tpl-left-nav-list">
            <ul class="tpl-left-nav-menu">
                <li class="tpl-left-nav-item">
                    <a href="WEB-INF/aa/index.jsp" class="nav-link">
                        <i class="am-icon-home"></i>
                        <span>首页</span>
                    </a>
                </li>
                <li class="tpl-left-nav-item">
                    <a href="WEB-INF/aa/chart.jsp" class="nav-link tpl-left-nav-link-list">
                        <i class="am-icon-bar-chart"></i>
                        <span>数据表</span>
                        <i class="tpl-left-nav-content tpl-badge-danger">
                            12
                        </i>
                    </a>
                </li>

                <li class="tpl-left-nav-item">
                    <!-- 打开状态 a 标签添加 active 即可   -->
                    <a href="javascript:;" class="nav-link tpl-left-nav-link-list active">
                        <i class="am-icon-user"></i>
                        <span>员工管理</span>
                        <!-- 列表打开状态的i标签添加 tpl-left-nav-more-ico-rotate 图表即90°旋转  -->
                        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right tpl-left-nav-more-ico-rotate"></i>
                    </a>
                    <ul class="tpl-left-nav-sub-menu" style="display:block">
                        <li>
                            <!-- 打开状态 a 标签添加 active 即可   -->
                            <a href="WEB-INF/aa/tableClient.jsp" >
                                <i class="am-icon-angle-right"></i>
                                <span>文字显示</span>
                                <i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right"></i>
                            </a>

                            <a href="WEB-INF/aa/imageWorker.jsp">
                                <i class="am-icon-angle-right"></i>
                                <span>图片显示</span>
                            </a>

                            <a href="addClient.jsp" class="active">
                                <i class="am-icon-angle-right"></i>
                                <span>新增员工</span>
                            </a>

                            <a href="#">
                                <i class="am-icon-angle-right"></i>
                                <span>消息列表</span>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="tpl-left-nav-item">
                    <a href="javascript:;" class="nav-link tpl-left-nav-link-list">
                        <i class="am-icon-key"></i>
                        <span>权限管理</span>
                        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
                    </a>
                    <ul class="tpl-left-nav-sub-menu">
                        <li>

                            <a href="/WEB-INF/aa/managerUser.jsp">
                                <i class="am-icon-angle-right"></i>
                                <span>管理员管理</span>
                            </a>

                        </li>
                    </ul>
                </li>

                <li class="tpl-left-nav-item">
                    <a href="javascript:;" class="nav-link tpl-left-nav-link-list">
                        <i class="am-icon-wpforms"></i>
                        <span>文件管理</span>
                        <i class="am-icon-angle-right tpl-left-nav-more-ico am-fr am-margin-right"></i>
                    </a>
                    <ul class="tpl-left-nav-sub-menu">
                        <li>
                            <a href="WEB-INF/aa/fileShow.jsp">
                                <i class="am-icon-angle-right" ></i>
                                <span>文件列表</span>
                                <i class="am-icon-star tpl-left-nav-content-ico am-fr am-margin-right"></i>
                            </a>

                            <a href="WEB-INF/aa/fileUpload.jsp">
                                <i class="am-icon-angle-right"></i>
                                <span>上传文件</span>
                            </a>

                            <a href="WEB-INF/aa/fileShow.jsp">
                                <i class="am-icon-angle-right"></i>
                                <span>下载文件</span>
                            </a>

                            <a href="WEB-INF/aa/fileShow.jsp">
                                <i class="am-icon-angle-right"></i>
                                <span>删除文件</span>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="tpl-left-nav-item">
                    <a href="WEB-INF/aa/showdate.jsp" class="nav-link tpl-left-nav-link-list">
                        <i class="am-icon-calendar"></i>
                        <span>日志显示</span>

                    </a>
                </li>

                <li class="tpl-left-nav-item">
                    <a href="WEB-INF/aa/information.jsp" class="nav-link tpl-left-nav-link-list">
                        <i class="am-icon-table"></i>
                        <span>导出信息</span>

                    </a>
                </li>

            </ul>
        </div>
    </div>

    <div class="tpl-content-wrapper">
        <ol class="am-breadcrumb">
            <li><a href="#" class="am-icon-home">首页</a></li>
            <li><a href="#">员工管理</a></li>
            <li class="am-active">新增员工</li>

        </ol>
        <div class="tpl-portlet-components">
            <div class="portlet-title">
                <div class="caption font-green bold">
                    <span class="am-icon-code"></span> 新增员工个人信息
                </div>

            </div>
            <div class="tpl-block ">

                <div class="am-g tpl-amazeui-form">

<%--bug--%>
                    <div class="am-u-sm-12 am-u-md-9">
                        <form class="am-form am-form-horizontal" method="post" action="/AddWorkerServlet" enctype="multipart/form-data">
                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">头像 / headPhoto</label>
                                <div class="am-u-sm-9">
                                    <input type="file" name="file" required/>
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">工号</label>
                                <div class="am-u-sm-9">
                                    <input name="id" type="text" id="id" placeholder="<%--<%=k+1%>--%>" readonly="readonly" value="<%--<%=k+1%>--%>">
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="user-name" class="am-u-sm-3 am-form-label">姓名 / Name</label>
                                <div class="am-u-sm-9">
                                    <input name="name" type="text" id="user-name" placeholder="姓名 / Name" required>

                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="user-email" class="am-u-sm-3 am-form-label">出生年月</label>
                                <div class="am-u-sm-9">
                                    <input name="birth" type="text" id="birth" placeholder="1999-03-01" required>
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-email" class="am-u-sm-3 am-form-label">学历 / education</label>
                                <div class="am-u-sm-9">
                                    <select id="edu"  name="edu" required>
                                        <option  selected="selected">==请选择==</option>
                                        <option value="专科">专科</option>
                                        <option value="本科">本科</option>
                                        <option value="硕士">硕士</option>
                                        <option value="博士">博士</option>
                                        <option value="博士后">博士后</option>
                                    </select>
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-email" class="am-u-sm-3 am-form-label">性别 / Sex</label>
                                <div class="am-u-sm-9">
                                    <select id="sex"  name="sex" required>
                                        <option  selected="selected">==请选择==</option>
                                        <option value="男">男</option>
                                        <option value="女">女</option>
                                    </select>
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-email" class="am-u-sm-3 am-form-label">民族 / Nation</label>
                                <div class="am-u-sm-9">
                                    <input name="nation" type="text" id="nation" placeholder="汉族" required>
                                </div>
                            </div>


                            <div class="am-form-group">
                                <label for="user-phone" class="am-u-sm-3 am-form-label">电话 / Telephone</label>
                                <div class="am-u-sm-9">
                                    <input name="phone" type="tel" id="user-phone" placeholder="输入你的电话号码 / Telephone" required>
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-phone" class="am-u-sm-3 am-form-label">籍贯</label>
                                <div class="am-u-sm-9">
                                    <input name="place" type="text" id="location" placeholder="广州" required>
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-email" class="am-u-sm-3 am-form-label">电子邮件 / Email</label>
                                <div class="am-u-sm-9">
                                    <input name="email" type="email" id="user-email" placeholder="输入你的电子邮件 / Email" required>
                                </div>
                            </div>
                            <div class="am-form-group">
                                <label for="user-email" class="am-u-sm-3 am-form-label">所属部门 </label>
                                <div class="am-u-sm-9">
                                    <select id="deop" name="department" required>
                                        <option  selected="selected">==请选择==</option>
                                        <option value="技术部" >技术部</option>
                                        <option value="营销部">营销部</option>
                                        <option value="后勤部">后勤部</option>
                                    </select>

                                </div>
                            </div>
<%--新增员工工龄皆为0--%><div class="am-form-group">
                            <label for="user-phone" class="am-u-sm-3 am-form-label">工龄</label>
                            <div class="am-u-sm-9">
                                <input name="workingage" type="text" id="workingage" placeholder="0" readonly="readonly" value="0" required>
                            </div>
                        </div>
                            <div class="am-form-group">
                                <label for="user-email" class="am-u-sm-3 am-form-label">婚姻状况</label>
                                <div class="am-u-sm-9">
                                    <select id="marry" name="marry" required>
                                        <option  selected="selected">==请选择==</option>

                                        <option value="已婚">已婚</option>
                                        <option value="单身">单身</option>
                                        <option value="离异">离异</option>
                                    </select>                                   <%-- <datalist id="marrylist">

                                    </datalist>--%>
                                </div>
                            </div>


                            <div class="am-form-group">
                                <label for="salary" class="am-u-sm-3 am-form-label">基本工资 / salary</label>
                                <div class="am-u-sm-9">
                                    <input name="salary" type="text" id="salary" placeholder="4000" required>
                                </div>
                            </div>

                            <div class="am-form-group">
                                <label for="subsidy" class="am-u-sm-3 am-form-label">补贴 / subsidy</label>
                                <div class="am-u-sm-9">
                                    <input name="subsidy" type="text" id="subsidy" placeholder="100" required>
                                </div>
                            </div>


                            <div class="am-form-group">
                                <label for="subsidy" class="am-u-sm-3 am-form-label">自我介绍 / introduction</label>
                                <div class="am-u-sm-9">
                                    <input name="introduction" type="text" id="introduction" placeholder="请输入20字符以内的几句个人座右铭" required>
                                </div>
                            </div>
                            <div class="am-form-group">
                                <div class="am-u-sm-9 am-u-sm-push-3">
                                    <input type="submit"  class="am-btn am-btn-primary" value="保存修改"></input>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                    <input type="reset" class="am-btn am-btn-primary"value="重置">
                                </div>
                            </div>
                            <div class="am-form-group">
                                <div class="am-u-sm-9 am-u-sm-push-3">


                                </div>
                            </div>

                        </form>
                    </div>
                </div>
            </div>

        </div>


    </div>

</div>


<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/app.js"></script>
</body>

</html>